<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-14 10:59:33
 * @LastEditTime : 2022-09-14 12:24:43
 * @FilePath     : \src\App.vue
-->
<template>
  <div id="app">
    <h1>父组件</h1>

    <child-component></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent'
export default {
  name: 'App',
  data(){
    return {
        name: '我是父组件name'
    }
  },
  methods: {
    someMethod(){
        console.log('我是父组件方法someMethod')
    }
  },
  mounted(){
    this.$children[0].someMethod() // 调用第一个子组件的方法
    console.log(this.$children[0].name) // 获取第一个子组件中的属性
  },
  components:{
    ChildComponent
  }
}
</script>

<style>
</style>
